        // Get the draggable div element
        var div = document.getElementById('alert');

        // Variables to store the offset position
        var offsetX, offsetY;

        // Flag to track if the div is being dragged
        var isDragging = false;

        // Event listener for mousedown event
        div.addEventListener('mousedown', function(e) {
            isDragging = true;
            offsetX = e.clientX - div.offsetLeft;
            offsetY = e.clientY - div.offsetTop;
        });

        // Event listener for mousemove event
        document.addEventListener('mousemove', function(e) {
            if (isDragging) {
                div.style.left = (e.clientX - offsetX) + 'px';
                div.style.top = (e.clientY - offsetY) + 'px';
            }
        });

        // Event listener for mouseup event
        document.addEventListener('mouseup', function() {
            isDragging = false;
        });